<template>
	<view class="preview">
		<image mode="aspectFill" :src="inputParams.url"></image>
		
		<view class="mask">
			<view class="goBack" @click="goBack()" >
				<uni-icons  type="back" color="#fff"></uni-icons>
			</view>
<!-- 			<view class="count">3/9</view> -->
		</view>
	</view>


</template>

<script setup>
	import {
		onLoad
	} from "@dcloudio/uni-app"
	import {
		ref
	} from 'vue';

	const inputParams = {}
	onLoad((options) => {
		console.log(options)

		let {
			imageUrl = null
		} = options;
		inputParams.url = imageUrl;
		console.log(inputParams.url)

	})

	//返回上级
	const goBack = () => {
		uni.navigateBack();
	}
</script>

<style lang="scss" scoped>
	.preview {
		width: 100%;
		height: 100vh;
		position: relative;
		image {
			width: 100%;
			height: 100%;
		}
	}

	.mask {
		.count{
			position: absolute;
			top: 10vh;
		}
		.goBack {
			position: absolute;
			width: 38rpx;
			height: 38rpx;
			background: rgba(0, 0, 0, 0.5);
			left: 30rpx;
			margin-left: 0;
			border-radius: 100px;
			top: 10vh;
			backdrop-filter: blur(10rpx);
			border: 1rpx solid rgba(255, 255, 255, 0.3);
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
</style>